<template>
	<view class="records-item u-flex u-flex-items-center">
		<image :src="prefix + info.images" class="_img" mode="aspectFit"></image>
		<view class="u-m-l-24">
			<view class="f-s-14 f-w-b u-m-b-16">{{ info.createAt }}</view>
			<view class="f-s-12 u-info u-m-b-12">胸径：{{ info.diameter }}mm</view>
			<view class="f-s-12 u-info">巡查员：{{ info.userName }}</view>
		</view>
	</view>
</template>

<script setup>
	import config from '@/config'
	
	const prefix = config.imgPrefix
	const props = defineProps({
		info: Object,
	})
	
</script>

<style lang="scss" scoped>
	.records-item{
		padding: 24rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		border: 1rpx solid #EEEEEE;
		margin-bottom: 24rpx;
		._img{
			width: 136rpx;
			height: 136rpx;
		}
		
	}

</style>